<template>
  <div class="footer-wrapper">
    <div class="footer">
      <ul class="support">
        <li class="item">
          <div class="title">建设单位</div>
          <div class="subtitle">{{ownerName}}</div>
          <div class="abstract">
            <p>地址：{{ownerAddress}}</p>
            <p>联系电话：{{ownerTelNumber}}</p>
          </div>
        </li>
        <li class="item">
          <div class="title">承建单位</div>
          <div class="subtitle">{{developerName}}</div>
          <div class="abstract">
            <p>地址：{{developerAddress}}</p>
            <p>联系电话：{{developerTelNumber}}</p>
          </div>
        </li>
        <li class="item">
          <div class="title">快速入口</div>
          <div class="subtitle">
            <router-link to="/List">数据接口</router-link>
          </div>
          <div class="subtitle">
            <router-link to>数据块</router-link>
          </div>
          <div class="subtitle">
            <router-link to>营商数据分析</router-link>
          </div>
        </li>
        <li class="item">
          <div class="title">技术支持</div>
          <div class="subtitle">技术运维服务热线</div>
          <div class="abstract">
            <p>{{supportHotline}}</p>
          </div>
          <div class="subtitle">咨询服务热线</div>
          <div class="abstract">
            <p>{{consultHotline}}</p>
          </div>
        </li>
        <li class="item">
          <div class="title">相关链接</div>
          <div v-for="(item,index) in List" :key="'dl-lk-'+index">
            <div class="subtitle">{{item.name}}</div>
            <div class="abstract">
              <router-link :to="item.hrefUrl">{{item.hrefUrl}}</router-link>
            </div>
          </div>
        </li>
      </ul>
      <ul class="author">
        <li class="item">
          <span class="text">{{ICPNumber}}</span>
        </li>
        <li class="item">
          <span class="text">版权归 {{ownerName}}所有， Copyrights All Reserved {{CopyrightsRange}}</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      ownerName: null,
      ownerAddress: null,
      ownerTelNumber: null,
      developerName: null,
      developerAddress: null,
      developerTelNumber: null,
      supportHotline: null,
      consultHotline: null,
      List: [
        {
          name: null,
          hrefUrl: "http://localhost/"
        }
      ],
      ICPNumber: null,
      CopyrightsRange: null
    };
  }
};
</script>

<style scoped>
</style>